Welcome to Css!

11.16 固定定位

固定定位:position:fixed;

1、 指定了固定定位后,元素就是一个定位元素,完全脱离文档流;

2、 原来的位置不会保留;

3、 固定定位是相对于浏览器窗口进行定位,注意:不是相对于body元素进行定位。

<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8">

<title>css</title>

<link rel="stylesheet" href="./rerest.css">

<style type="text/css">

.zxw-l{position:fixed ; top:80px;left:10px;}

.zxw-r{position:fixed ; top:80px;right:10px;}

</style>

</head>

<body>

<img src="./zxw01.jpg" width="100%" />

<img class="zxw-l" src="./zxw-l.png" />

<img class="zxw-r" src="./zxw-r.png" />

</body>

</html>

返回值: